$style: #e5373b;
#coupon{
	padding:32rpx;
	.main{
		width: 100%;
		.item{
			width: 100%;
			margin-bottom:24rpx;
			.tops{
				width: 686rpx;
				height: 186rpx;
				position:relative;
				.background-img{
					position:absolute;
					top:0;
					left:0;
					right:0;
					bottom:0;
					image{
						width:100%;
						height:100%;
					}
				}
				.mian{
					display: flex;
					position:relative;
					z-index:333;
					.left{
						width: 482rpx;
						padding:42rpx 38rpx;
						.discount{
							font-size:32rpx;
							font-weight: bold;
							color: #4f442f;
						}
						.cond{
							font-size: 24rpx;
							line-height:30rpx;
							max-height:60rpx;
						}
					}
					.right{
						width: 204rpx;
						padding:36rpx 10rpx;
						text-align: center;
						.price{
							font-size:28rpx;
							color: $style;
							text{
								font-size:48rpx;
								line-height:48rpx;
								font-weight: bold;
								// font-family: 'Myriad Pro';
							}
						}
						.btn{
							display: block;
							width: 160rpx;
							height:48rpx;
							border-radius:24rpx;
							background-color: #413621;
							color: #fbdfac;
							font-size:24rpx;
							line-height:48rpx;
							text-align: center;
							margin: 0 auto;
						}
					}
					
				}
			}
			.bots{
				width: 644rpx;
				height:54rpx;
				background-color: #f7f7f7;
				border-radius: 0 0 16rpx 16rpx;
				margin: 0 auto;
				padding: 0 24rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.date{
					font-size: 24rpx;
					color: #666;
				}
				text{
					display: flex;
					align-items: center;
					justify-content: center;
					width: 127rpx;
					height:33rpx;
					background-color: #cc292c;
					border-radius:17rpx;
					color: #fff;
					font-size:20rpx;
				}
			}
		}
	}
}